<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>账单列表 - 用户中心</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#sub").on("click",function () {
                var res = " \r\n药单:\r\n";
                var list = new Array();
                var i = 0;
                $("input:checkbox:checked").each(function () {
                        res+=$(this).val()+";\r\n";
                        list[i]=$(this).attr("class");
                        i++;
                })
                $.ajax({
                    url:"/xuanyaoSub?res="+res+"&list="+list,
                    type:"post",
                    dataType:"json"
                }).done(function (data) {
                    alert(data.info)
                })
            })
        })
    </script>
</head>
<body>
<!-- 网页头部开始 -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                    data-toggle="collapse" data-target="#navbar" aria-expanded="false"
                    aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">LOGO</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">首页</a></li>
                <li><a href="main.html">个人中心</a></li>
                <li class="dropdown">
                    <a href="#"
                       class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="true">
                        配置
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="info.html">个人信息</a></li>
                        <li><a href="insert.html">修改信息</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="list.html">用户列表</a></li>
                    </ul>
                </li>
                <li><a href="login.html" onclick="return confirm('确认退出吗?')">退出</a></li>
            </ul>
            <form class="navbar-form navbar-right visible-sm">
                <input type="text" class="form-control" placeholder="Search...">
            </form>
        </div>
    </div>
</nav>
<!-- 网页头部结束 -->
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1 main">
            <h2 class="sub-header">药品分类列表</h2>
            <form action="" method="post" class="form-inline">
                <div class="form-group">
                    <label for="keyword">关键字:</label>
                    <input type="text" id="keyword" name="keyword" value="" class="form-control">
                    <label>更新时间:</label>
                    <input type="text" name="st" value="" readonly="true" class="form-control"
                           onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate"/>
                    -->
                    <input type="text" name="ed" value="" readonly="true" class="form-control"
                           onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate"/>
                    <input type="submit" class="btn btn-primary" value="搜索">
                </div>
            </form>

            <div class="table-responsive">
                <form>
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th width="10%">药品名称</th>
                            <th width="10%">药品单价(元)</th>
                            <th width="10%">药品数量(个)</th>

                            <th width="10%">创建时间</th>
                            <th width="10%">更新时间</th>
                            <th>状态</th>
                            <th>发布时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="yao:${list}">
                            <td th:text="${yao.id}">1</td>
                            <td th:text="${yao.name}">2016-07-20</td>
                            <td th:text="${yao.price}">2016-07-20</td>
                            <td th:text="${yao.count}">2016-07-20</td>
                            <td th:text="${yao.createTime}">100</td>
                            <td th:text="${yao.updateTime}">33</td>
                            <td th:text="${yao.status==1 ? '启用':'禁用'}">23</td>
                            <td th:text="${yao.publicTime}">2016-09-05 16:44:56</td>
                            <td>
                                <input name="yao" th:class="${yao.id}" th:value="${yao.name}" type="checkbox">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </form>
                <form id="formId" action="/xuanyao"
                      method="post">

                    <!-- 设置一些参数 -->
                    <input value="2" id="identiy" name="identity" type="hidden">
                    <input th:value="${personId}" name="personId" type="hidden">
                    <input th:value="${doctorId}" name="doctorId" type="hidden">
                    <input type="hidden" name="keyword" value="">
                    <input type="hidden" name="status" value="">
                    <input type="hidden" name="st" value="">
                    <input type="hidden" name="ed" value="">
                    <nav>
                        <ul class="pager">
                            <li><span style="cursor: pointer"
                                      th:onclick="|javascript:pageSubmit(formId,currentPageId,1,pageSizeId,${pageInfoUtil.pageSize})|">首页</span>
                            </li>
                            <li><span style="cursor: pointer"
                                      th:onclick="|javascript:pageSubmit(formId,currentPageId,${pageInfoUtil.prePage },pageSizeId,${pageInfoUtil.pageSize })|">上一页</span>
                            </li>
                            <li><span style="cursor: pointer"
                                      th:onclick="|javascript:pageSubmit(formId,currentPageId,${pageInfoUtil.nextPage },pageSizeId,${pageInfoUtil.pageSize })|">下一页</span>
                            </li>
                            <li><span style="cursor: pointer"
                                      th:onclick="|javascript:pageSubmit(formId,currentPageId,${pageInfoUtil.totalPage },pageSizeId,${pageInfoUtil.pageSize })|">尾页</span>
                            </li>


                            <li>共<h6 style="display: inline" th:text="${pageInfoUtil.totalPage}"></h6>页,共<h6 style="display: inline" th:text="${pageInfoUtil.totalRecord}"></h6>条</li>
                            <li>第<input type="text" id="currentPageId" name="currentPage" size="5" maxlength="5"
                                        th:value="${pageInfoUtil.currentPage}"/>页
                            </li>
                            <li>每页<input type="text" id="pageSizeId" name="pageSize" size="5" maxlength="5"
                                         th:value="${pageInfoUtil.pageSize}"/>条
                            </li>
                            <li><input type="submit" value="GO" class="btn btn-primary"/></li>
                            <input id="sub" class="btn btn-primary" value="提交订单"></input>
                        </ul>
                    </nav>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 提示信息 -->
<div class="container">
    <div class="col-sm-8 col-sm-offset-1">

    </div>
</div>

<footer class="footer ">
    <div class="container">
        <div class="row footer-top">
            <div class="col-sm-6 col-lg-6">
                <h4>
                    <!-- <img src="http://static.bootcss.com/www/assets/img/logo.png"> -->
                </h4>
                <p>
                    本网站所列开源项目的中文版文档全部由<a href="#">用户中心</a>顶力开发
                    <a href="#"
                       target="_blank">CC BY 3.0</a>协议发布。
                </p>
            </div>
            <div class="col-sm-6  col-lg-5 col-lg-offset-1">
                <div class="row about">
                    <div class="col-xs-3">
                        <h4>关于</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">广告合作</a></li>
                            <li><a href="#">友情链接</a></li>
                            <li><a href="#">招聘</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <h4>联系方式</h4>
                        <ul class="list-unstyled">
                            <li><a href="#"
                                   title="#" target="_blank">新浪微博</a></li>
                            <li><a href="#">电子邮件</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <h4>旗下网站</h4>
                        <ul class="list-unstyled">
                            <li><a href="#" target="_blank">Laravel中文网</a></li>
                            <li><a href="#" target="_blank">Ghost中国</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-3">
                        <h4>赞助商</h4>
                        <ul class="list-unstyled">
                            <li><a href="#" target="_blank">UCloud</a></li>
                            <li><a href="#" target="_blank">又拍云</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="row footer-bottom">
            <ul class="list-inline text-center">
                <li><a href="#" target="_blank">京ICP备11008151号</a></li>
                <li>京公网安备11010802014853</li>
            </ul>
        </div>
    </div>
</footer>
</body>
<script>
    function pageSubmit(formId, currentPageId, currentPage, pageSizeId, pageSize) {
        console.info("====")
        console.info("当前页:" + currentPage)
        console.info("pageSize:" + pageSize)
        console.info(currentPageId.id)
        $("#" + currentPageId.id).val(currentPage);
        $("#" + pageSizeId.id).val(pageSize);
        $("#" + formId.id).submit();
        return false;
    }
</script>
</html>